/*
 * Develop by Webis Team
 * Project Name : Babo Renewal
 * Created date : 01/04/2014
 * Copyright © Webis.INC. All right reserved 
*/

/* --//////////////////////////////////////////////////////////////////////-- */
/* COMMERCE LIST STYLE */
/* --//////////////////////////////////////////////////////////////////////-- */
/* Tab Top Rolling */
#commerce #tab_rolling{border:1px solid #dddddd; border-radius:4px; -moz-border-radius:4px; webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; margin:15px 0;}
#commerce #tab_rolling ul{list-style-type:none; width: 100%;}
#commerce #tab_rolling ul li.a1 {width:810px; float:left; position:relative;}
#commerce #tab_rolling ul li.a2 {width:287px; float:right;}
#commerce #tab_rolling ul:after{display:block; content:''; clear:both;}

/* Rolling style */
#commerce #tab_rolling .rolling{width:700px; height:350px; margin:25px auto;}
#commerce #tab_rolling #btn_left {cursor:pointer; position:absolute; left:0; top:160px;}
#commerce #tab_rolling #btn_right {cursor:pointer; position:absolute; right:0; top:160px;}

/* MD choice style */
#commerce #tab_rolling ul li.a2 div.md_choice{background:#f6f6f6; border-left:1px solid #dddddd; padding:18px;}
#commerce #bottom_tip{width:100%; margin:35px auto;}

/* Title, List Commerce */
#commerce .box-title{border:1px solid #dddddd; border-top-width:2px; padding:10px 0 10px 10px; margin-top:30px;}
#commerce .list-best-promotion{background-color:#eeeeee; padding-bottom:10px;}
#commerce ul.list{display:inline-block;}
#commerce ul.list > li{float:left; padding:15px 0 0 15px;}
#commerce ul.list > li > dl{position:relative; width:343px; height:519px; border:2px solid #dfdfdf; background-color:#fff; transition:border-color 0.3s ease 0s;}
#commerce ul.list li dl:hover{border-color:#ff5b90;}
#commerce ul.list li dl div.photo{height:322px;}
#commerce ul.list li dl div.photo .wrap{position:relative; margin:10px;}
#commerce ul.list li dl div.photo .sale{position:absolute; width:69px; height:69px; background:url('../img/commerce/bg_sale_top.jpg') no-repeat; top:0; right:0;}
#commerce ul.list li dl div.photo .sale span{font-family:Lato Regular; font-weight:bold; display:block; text-align:center; font-size:26px; color:#fff; margin-top:5px;}
#commerce ul.list li dl div.photo .event-icons{width:100%; height:69px; position:absolute; top:0; left:0;}
#commerce ul.list li dl div.info .wrap{text-align:center; padding:20px 10px 0 10px;}
#commerce ul.list li dl div.info a, #commerce ul.list-pd li dl div.pd-desc-area a:link
#commerce ul.list li dl div.info a:active, #commerce ul.list-pd li dl div.pd-desc-area a:visited{text-decoration:none; color:#666666;}
#commerce ul.list li dl div.info a:hover{text-decoration:underline;}
#commerce ul.list li dl div.info .brand{display:block; font-size:11px;}
#commerce ul.list li dl div.info .name{display:block; font-size:16px; font-weight:bold; margin-top:12px;}
#commerce ul.list li dl div.info ul.price{width:323px; font-size:16px; margin-top:20px;}
#commerce ul.list li dl div.info ul.price .strike{text-decoration:line-through;}
#commerce ul.list li dl div.info ul.price li{width:150px; font-size:14px;}
#commerce ul.list li dl div.info ul.price li.f1{float:left; padding-right:10px; text-align:right;}
#commerce ul.list li dl div.info ul.price li.f2{float:right; padding-left:10px; text-align:left;}
#commerce ul.list li dl div.info ul.price .num{font-family:Lato Regular;font-weight:bold; font-size:15px;}
#commerce ul.list li dl div.info ul.price:after{content:''; display:block; clear:both;}
#commerce ul.list li dl div.percent{position:absolute; width:343px; height:60px; border-top:1px solid #dddddd; background:#f6f4f3;left:0; bottom:0;}
#commerce ul.list li dl div.percent .wrap{padding:10px 10px 0 10px;}
#commerce ul.list li dl div.percent table{width:100%; border-collapse:collapse;}
#commerce ul.list li dl div.percent table tr:first-child td{padding-bottom:3px;}
#commerce ul.list li dl div.percent table td.begin{width:30px; padding-left:10px;}
#commerce ul.list li dl div.percent table td.end{width:180px; text-align:right;}
#commerce ul.list li dl div.percent table span.range{font-family:Lato Regular;}
#commerce ul.list li dl div.percent table td.well{text-align:right;}
#commerce ul.list li dl div.percent table td.well span.num{font-size:14px; font-family:Lato Regular;}
#commerce ul.list li dl div.percent table td.well .share{font-family:Dotum;}

/* Event icons style    */
#commerce .event-icons .icon{width:44px; height:69px; float:left; margin-top:-1px; margin-left:6px; position:relative;}
#commerce .event-icons .icon span{display:block; margin:10px 10px 0 10px; line-height:14px; font-family:Dotum; font-weight:bold; font-size:11px; text-align:center;}
#commerce .event-icons .icon1{background:url('../img/commerce/bg_event_top_01.gif') no-repeat;}
#commerce .event-icons .icon2{background:url('../img/commerce/bg_event_top_02.gif') no-repeat;}
#commerce .event-icons .icon3{background:url('../img/commerce/bg_event_top_03.gif') no-repeat;}

/* Progress bar, percent */
#commerce div.meter{
    background-color:#f7f7f7; background-image:linear-gradient(to bottom, #F5F5F5, #F9F9F9);
    background-repeat:repeat-x; border-radius:8px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; height:15px; overflow:hidden;
}
#commerce div.meter span{
    -moz-box-sizing:border-box; background-color:#f05c8f; background-image:linear-gradient(to bottom, #ee739d, #f05c8f); 
    background-repeat:repeat-x; box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset; color:#fff; float:left; font-size:12px; 
    height:100%; text-align:center; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); transition:width 0.6s ease 0s; width:0;
}

/* --//////////////////////////////////////////////////////////////////////-- */
/* COMMERCE VIEW STYLE */
/* --//////////////////////////////////////////////////////////////////////-- */
#commerce ul.detail{height:480px; border:1px solid #cfcfcf;}
#commerce ul.detail li{height:480px; position:relative;}
#commerce ul.detail li.s1{width:686px; float:left;}
#commerce ul.detail li.s2{width:410px; float:right; border-left:1px solid #f6f6f6;}
#commerce ul.detail:after{display:block; content:''; clear:both;}
#commerce ul.detail li.s1 div.wrap{padding:10px;}
#commerce ul.detail li.s1 div.wrap .event-icons{width:635px; height:69px; position:absolute; left:20px; top:0;}
#commerce ul.detail li.s1 div.wrap .event-icons img{margin-top:-0.1em;}
#commerce ul.detail li.s1 div.wrap > img{max-width:665px; max-height:425px;}
#commerce ul.detail li.s2 .hold{position:relative;}
#commerce ul.detail li.s2 div.percent{height:60px; border-bottom:1px solid #cfcfcf;}
#commerce ul.detail li.s2 div.percent div.wrap{padding-top: 15px; padding-left:15px;}
#commerce ul.detail li.s2 div.percent table.gird{width: 100%; border-collapse:collapse;}
#commerce ul.detail li.s2 div.percent table.gird .range{font-family:Lato Regular;}
#commerce ul.detail li.s2 div.percent table.gird .well{padding-left:15px;}
#commerce ul.detail li.s2 div.percent table.gird span.num{font-family:Lato Regular; font-size:14px; font-weight:bold;}
#commerce ul.detail li.s2 div.percent table.gird span.share{font-size:14px; font-weight: bold;}
#commerce ul.detail li.s2 div.pricediv{padding:30px 0px 0px 20px;}
#commerce ul.detail li.s2 div.pricediv .txt1{font-size:12px; margin-bottom:12px;}
#commerce ul.detail li.s2 div.pricediv .txt2{color:#666666; font-family:RixGo B; font-size:26px; line-height:28px; margin-bottom:12px;}
#commerce ul.detail li.s2 div.pricediv .percent{font-family:Lato Bold; font-size:48px; color:#ff5b90;}
#commerce ul.detail li.s2 div.pricediv .price1{height:19px; font-family:Lato Regular; font-size:14px; vertical-align:top;}
#commerce ul.detail li.s2 div.pricediv .price2{height:24px; font-family:Lato Bold; font-size:24px;}
#commerce ul.detail li.s2 div.pricediv .price2 span{font-family:Dotum; font-weight: bold;}
#commerce ul.detail li.s2 div.pricediv .icons{padding-top:5px;}
#commerce ul.detail li.s2 div.pricediv .icons img{margin-bottom:5px;}
#commerce ul.detail li.s2 div.pricediv .prtxt{padding-top:5px;}
#commerce ul.detail li.s2 div.pricediv .btndiv{margin-top:60px;}
#commerce ul.detail li.s2 div.favorite{background:#f3f3f3; width:100%; height:92px; position:absolute; left:0; bottom:0;}
#commerce ul.detail li.s2 div.favorite div.wrap{padding:25px 25px 0 25px;}
#commerce ul.detail li.s2 div.favorite table.gird{width:100%; border-collapse:collapse;}
#commerce table.tb-event{border-width:1px; border-top:2px solid #dddddd; width:100%; border-collapse:collapse;}
#commerce table.tb-event tr td{color:#666666; border:1px solid #cfcfcf;}
#commerce table.tb-event tr td.title{padding-top:18px; padding-left:23px; vertical-align:top;}
#commerce table.tb-event tr td.cell{padding:0 !important; text-align:center; vertical-align:top;}
#commerce table.tb-event tr td.cell p.txt{line-height:18px; margin-top:25px;}
#commerce table.tb-event tr td.cell p.txt img{margin-bottom:2px;}
#commerce table.tb-event tr td.cell p.txt span.bold{font-family:Lato Bold; font-size: 12px;}
#commerce table.tb-event tr td.bg{background-color:#f3f3f3;}
#commerce div.topbar{margin-top: 30px;border:1px solid #cfcfcf;border-radius: 2px; position:relative;}
#commerce div.topbar div.topinfo{width:100%;height:333px; position:absolute; left: 0;top:82px;}
#commerce div.topbar div.topinfo dl{display:block; text-align:center;}
#commerce div.topbar div.topinfo dl.brand{font-family:RixGo B; font-size:19px;}
#commerce div.topbar div.topinfo dl.name{font-family:RixGo B; margin-top:7px; font-size:55px;}
#commerce div.topbar div.topinfo dl.price{margin-top:27px; text-align:center; font-size:25px;}
#commerce div.topbar div.topinfo dl.price span.sell, 
#commerce div.topbar div.topinfo dl.price span.sale{font-size:28px;}
#commerce div.topbar div.topinfo dl.price span.sell{font-family:Lato Regular; text-decoration:line-through;}
#commerce div.topbar div.topinfo dl.price span.sale{font-family:Lato Bold;}
#commerce div.topbar div.topinfo dl.btndiv{margin-top:42px;}
#commerce div.topbar img.ensign{min-width:1098px; min-height:1350px;}
#commerce div.detail{margin-top:98px; margin-bottom:65px; position: relative; min-height:114px;}
#commerce div.detail img{margin-bottom:120px;}
#commerce div.detail img:last-child{margin-bottom:0 !important;}
#commerce div.detail span.icon-detail{background:url('../img/commerce/bg_detail_image.png'); width:238px; height:114px; position:absolute; left:400px; top:-76px;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* PRODUCT DETAIL STYLE                                                       */
/* --//////////////////////////////////////////////////////////////////////-- */
/* Top section detail */
#product div.top{margin-top:-4px; border:1px solid #eeeeee; border-top-width:3px; border-top-color:#dddddd; border-bottom-width:2px; border-bottom-color:#dddddd; *zoom: 1;}
#product div.top dl.left{float:left; width:430px; height: 635px;/* fixed height */ background-color:#fbfbfb;} /* left column */
#product div.top dl.right{float:left; width:668px;} /* right column */
#product div.top div.heading{background:url('../img/product/bg_heading_pink.jpg') repeat-y; text-indent:10px; height:13px; line-height:13px; font-weight:bold; margin-top:25px; margin-bottom:7px;}

/** Top left column  **/
#product div.top dl.left div.wrap{padding: 15px;}
#product div.top dl.left table.table-roll{width: 100%;border-collapse: collapse;margin-top: 15px;}
#product div.top dl.left table.table-roll td.bleft, #product div.top dl.left table.table-roll td.bright{cursor: pointer;width: 14px;}
#product div.top dl.left ul.img_s{display: block;height: 35px;margin: 0 auto;overflow: hidden;}
#product div.top dl.left ul.img_s li{cursor: pointer;float: left;margin-left: 10px;position: relative;width: 35px;}

/** Top right column  **/
#product div.top dl.right div.pdnm{position:relative; height:59px; border-bottom:1px solid #f5f5f5;}
#product div.top dl.right div.pdnm div.wrap{padding-top:22px; padding-left:32px; font-size:16px; font-size:RixGo B; font-weight:bold;}
#product div.top dl.right div.pdnm div.icon{width:100%; position:absolute; right:10px; top:0; text-align:right;}
#product div.top dl.right ul.split{list-style-type:none; width:100%;}
#product div.top dl.right ul.split li.r1{float:left; width:445px; background-color:#ffffff;}
#product div.top dl.right ul.split li.r2{float:right; width:223px;height: 575px;/* fixed height */ background-color:#fbfbfb;}

/** Right column 1  **/
#product div.top dl.right ul.split li.r1 div.wrap{margin-top:10px; margin-left:32px;}
#product div.top dl.right ul.split li.r1 ul{display:inline-block;}
#product div.top dl.right ul.split li.r1 ul li{float:left; line-height:20px; vertical-align:baseline;}
#product div.top dl.right ul.split li.r1 div.btndiv{margin-top:15px;}
#product div.top dl.right ul.split li.r1 ul.boxqty{background:url('../img/product/bg_change_qty.gif') 0 -46px repeat-x; display:inline-block; *display: inline;}/* quantity box */
#product div.top dl.right ul.split li.r1 ul.boxqty li{display:inline; height:22px;}
#product div.top dl.right ul.split li.r1 ul.boxqty li.decrease span,
#product div.top dl.right ul.split li.r1 ul.boxqty li.increase span{display:block; width:24px; height:22px; background:url('../img/product/bg_change_qty.gif'); background-position:0 0; cursor:pointer;}
#product div.top dl.right ul.split li.r1 ul.boxqty li.increase span{background-position: 0 -23px;}
#product div.top dl.right ul.split li.r1 ul.boxqty li.text input{width:37px; height:18px; line-height:18px; margin:2px 0; padding:0 !important; border:none; text-align:center; vertical-align:baseline;}
#product div.top dl.right ul.split li.r1 .line{width:100%; height:1px; background:url('../img/product/bg_dot_line.gif') no-repeat; margin-top:6px; margin-bottom:7px;}
#product div.top dl.right ul.split li.r1 span.deli-icon{display:inline-block; float:left; margin:0 5px 5px 0; padding:4px 3px 2px 3px; background-color:#ddf5ed; border:1px solid #f0f0f0; line-height:12px;}
#product div.top dl.right ul.split li.r1 span.deli-icon.icon1{background-color:#ddf5ed; border-color:#d1e5de;}
#product div.top dl.right ul.split li.r1 span.deli-icon.icon2{background-color:#edecf9; border-color:#e2e1f2;}
#product div.top dl.right ul.split li.r1 span.deli-icon.icon3{background-color:#f0fbe2; border-color:#e4eed7;}
#product div.top dl.right ul.split li.r1 span.deli-icon.icon4{background-color:#f5edf9; border-color:#eae2ef;}
#product div.top dl.right ul.split li.r1 span.deli-icon.icon5{background-color:#f0f0f0; border-color:#e7e7e7;}
#product div.top dl.right ul.split li.r1 span.deli-icon.icon6{background-color:#ffe3cc; border-color:#eed5c0;}
#product div.top dl.right li.r1 div#opt{width: 374px;}/* price & option */
#product div.top dl.right li.r1 div#opt div.cmt{margin-top:17px; margin-bottom:12px; font-size:11px; color:#999999;}
#product div.top dl.right li.r1 div#opt div.item{background-color:#f6f6f6; margin-top:4px; padding:4px 10px 4px 15px;}
#product div.top dl.right li.r1 div#opt table{width:100%;}
#product div.top dl.right li.r1 div#opt table td{height:22px; padding:0 !important;}
#product div.top dl.right li.r1 div#opt table td.nm{width:177px; background:url('../img/product/dot_opt.gif') no-repeat left center; text-indent:5px; vertical-align:middle;}
#product div.top dl.right li.r1 div#opt table td.nm.all{background-image:none; text-indent:0; font-weight:bold;}
#product div.top dl.right li.r1 div#opt table td.num{text-align:left;}
#product div.top dl.right li.r1 div#opt table td.num ul.boxqty{margin-top:3px;}
#product div.top dl.right li.r1 div#opt table td.pr{width:60px;}
#product div.top dl.right li.r1 div#opt table td.pr .price{font-weight:bold; line-height:22px; vertical-align:middle;}
#product div.top dl.right li.r1 div#opt table td.pr .close{margin-left:10px;}
#product div.top dl.right li.r1 div#opt table td.pr .total{font-family:Lato Bold; font-size:20px;color:#ff5b90;}

#product div.top dl.right li.r1 .pd-special-ln{height:1px; border-top:1px dashed #eeeeee; margin:13px 0;}
#product div.top dl.right li.r1 .pd-special{width:362px; padding-left:12px; border:1px solid #eee;}
#product div.top dl.right li.r1 .pd-special .heading{margin-top:12px;}
#product div.top dl.right li.r1 .pd-special > ul > li{width:160px; padding:12px; border-right:1px solid #f7f7f7; border-bottom:1px solid #f7f7f7; float:left;}
#product div.top dl.right li.r1 .pd-special > ul > li:nth-child(2n){border-right:none;}
#product div.top dl.right li.r1 .pd-special > ul > li.first{padding-left:0;}
#product div.top dl.right li.r1 .pd-special > ul > li.last{padding-right:0;}
#product div.top dl.right li.r1 .pd-special > ul > li.top{padding-top:0;}
#product div.top dl.right li.r1 .pd-special > ul > li.bot{border-bottom:none;}
#product div.top dl.right li.r1 .pd-special > ul > li a{line-height:15px; color:#888;}
#product div.top dl.right li.r1 .pd-special > ul > li a:hover{text-decoration:underline;}
#product div.top dl.right li.r1 .pd-special > ul > li img{margin-right:5px; margin-top:2px; border:1px solid #efefef;}


#product div.top dl.right ul li.col1{width:114px;}/* item info */
#product div.top dl.right ul li.col2{width:264px; position:relative;}
#product div.top dl.right ul li.col2 span.prtxt{font-weight:bold;}
#product div.top dl.right ul li.col2 span.prbtn{position:absolute; top:0; right:0;}
#product div.top dl.right ul li.col2 span.note{font-size:11px; color:#999999;}
#product div.top dl.right ul li.col2 span.note img{margin-right:2px;}
#product div.top dl.right ul li.col2 img.logo-icon{vertical-align:baseline;}
#product div.top dl.right ul li.col2 img.help-icon{vertical-align:middle;}
#product div.top dl.right ul li.col2 span.point{margin-left:3px; margin-right:3px;}
#product div.top dl.right ul li.col2 select.opt{width:260px;}

/** Right column 2  **/
#product div.top dl.right ul.split li.r2 div.wrap{padding:10px;}
#product div.top dl.right ul.split li.r2 table.grid1{width:100%; border:1px solid #f0f0f0;}
#product div.top dl.right ul.split li.r2 table.grid1 td{padding-left:10px; vertical-align:middle; border-bottom:1px solid #f0f0f0; color:#999999;}
#product div.top dl.right ul.split li.r2 table.grid1 td span.pipe{color:#eeeeee;}
#product div.top dl.right ul.split li.r2 ul#prom_related{margin-left:3px;}
#product div.top dl.right ul.split li.r2 ul#prom_related li{line-height:22px; color:#888888;}
#product div.top dl.right ul.split li.r2 ul#prom_related .bl{vertical-align:middle; margin-left:3px; margin-right: 5px;}
#product div.top dl.right ul.split li.r2 div.bullet{margin-top:15px; text-align:center;}
#product div.top dl.right ul.split li.r2 div#more_tags{margin-left:3px; line-height:22px;}
#product div.top dl.right ul.split li.r2 div#more_tags a{line-height:18px; color:#888888;}
#product div.top dl.right ul.split li.r2 div#more_tags a:hover{text-decoration:underline;}

/* Item wish */
#product div.top dl.right ul.split li.r2 div#item_wish{height:101px; border:1px solid #eeeeee; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background-color:#fff; margin-top:62px;}
#product div.top dl.right ul.split li.r2 div#item_wish .wrap{ padding:0 10px !important;}
#product div.top dl.right ul.split li.r2 div#item_wish table{width:100%;}
#product div.top dl.right ul.split li.r2 div#item_wish table td{vertical-align:middle; color:#999999;}
#product div.top dl.right ul.split li.r2 div#item_wish table td.line{background:url('../img/product/dot_line_wish.gif') repeat-x; height:1px; line-height:1px;}
#product div.top dl.right ul.split li.r2 div#item_wish table td .raty{padding-right:10px;}
#product div.top dl.right ul.split li.r2 div#item_wish table td .raty img{float:left;}
#product div.top dl.right ul.split li.r2 div#item_wish table td .fan{font-family:Lato Bold; color:#888888;}
#product div.top dl.right ul.split li.r2 div#item_wish table td .point{font-family:Lato Bold; font-size:13px; color:#a7a7a7;}

/* SNS area */
#product div.top dl.right ul.split li.r2 div#sns{margin-top:17px;}
#product div.top dl.right ul.split li.r2 div#sns table{width:100%;}
#product div.top dl.right ul.split li.r2 div#sns div#fb_like_box{position:relative; width:99px; height:22px; background: url('../img/product/bg_fb_likebox.jpg') no-repeat; margin-top:8px;}
#product div.top dl.right ul.split li.r2 div#sns div#fb_like_box span.txt{position:absolute; left:74px; top:5px; font-family:Lato Bold; font-size:12px; color:#888888;}

/** Product view tabs **/
#product .tabs{width:1100px; height:39px; background:url("../img/product/tab_bg.gif") left bottom repeat-x; margin-left:-1px;}
#product .tabs:after{clear:both; display:block; content:'';}
#product .tabs a{background:url("../img/product/tab.gif") no-repeat; display:inline; border:0 !important; width:220px; height:39px; line-height:39px; text-align:center; font-family:Dotum; font-size:13px; float:left; color:#888888;}
#product .tabs a.hl{background:url("../img/product/tab_l.gif") no-repeat;} /* hidden border left */
#product .tabs a.hr{background:url("../img/product/tab_r.gif") no-repeat;} /* hidden border right */
#product .tabs a.on{background:url("../img/product/tab_on_c.gif") no-repeat; font-weight:bold; color:#666666;}/* tab bg on center */
#product .tabs a:first-child.on{background: url("../img/product/tab_on_l.gif") no-repeat;}/* tab bg on first */
#product .tabs a:last-child.on{background: url("../img/product/tab_on_r.gif") no-repeat;} /* tab bg on last */
#product .tabs a:hover{text-decoration:underline;}
#product div#contents{border:1px solid #eeeeee; border-top:none; margin-top:40px;}
#product div#contents div#detail{margin-bottom:100px; text-align:center;}

/* Product Information */
#product div#contents div#info{padding-left:30px; padding-right:30px;}
#product div#contents div#info .desc{margin-top:56px; margin-bottom:6px; color:#888888;}
#product div#contents div#info table.list{width:100%; margin-bottom:104px;}
#product div#contents div#info table.list td.th{width:212px; background-color:#fbfbfb; font-weight:bold; color:#888888; line-height:18px;}
#product div#contents div#info table.list td{border:1px solid #eeeeee; padding:10px; *padding:0 0 0 10px; color:#888888;}

/* Product Review              */
#product div#contents div#review{margin-top:40px; margin-left:30px; margin-right:30px; margin:40px 30px 112px 30px;}
#product div#contents div#review table.table-rank{width:100%; border-top:1px dotted #dddddd; border-bottom:1px dotted #dddddd;}
#product div#contents div#review table.table-rank td{padding-top:25px; padding-bottom:25px;}
#product div#contents div#review table.table-rank td.a1{width: 190px; border-right:1px dotted #dddddd; text-align:center;}
#product div#contents div#review table.table-rank td.a2{padding-left:34px;}
#product div#contents div#review table.table-rank div.num{font-family:Lato Bold; font-size:35px; text-align:center;}
#product div#contents div#review table.table-rank div.rating{margin-top:11px;}
#product div#contents div#review table.table-rank div.txt1{margin-top:10px; text-align:center; color:#888888;}
#product div#contents div#review table.table-rank div.txt2{margin-top:14px; line-height:18px; color:#888888;}
#product div#contents div#review table.table-rank div.head{}
#product div#contents div#review table.bar{width:100%; margin-top:32px; margin-bottom:8px;}
#product div#contents div#review table.bar ul{display:inline-block; margin-left:5px;}
#product div#contents div#review table.bar ul li{display: inline;}
#product div#contents div#review table.bar ul li > span:after{content: '|'; color:#dddddd; margin:0 10px;}
#product div#contents div#review table.bar ul li a{line-height:23px;}
#product div#contents div#review table.bar ul li a:hover{text-decoration:underline;}
#product div#contents div#review table.bar ul li a.on{font-weight:bold;}
#product div#contents div#review table.bar ul li a.on span{font-weight:normal;}
#product div#contents div#review table.bar ul li a span{color:#888888;}
#product div#contents div#review table.list{width: 100%;} /* product list review */
#product div#contents div#review table.list > thead > tr > th{border-top:2px solid #eeeeee; border-bottom:1px solid #f5f5f5; vertical-align:middle; text-align:center;}
#product div#contents div#review table.list > thead > tr > th.ln{width: 2px;}
#product div#contents div#review table.list > tbody > tr > td{border-bottom:1px dotted #eeeeee; color:#888888;}
#product div#contents div#review table.list > tbody > tr > td.subject{padding-left:12px;}
#product div#contents div#review table.list > tbody > tr > td.subject{padding-left:20px;}
#product div#contents div#review table.list > tbody > tr > td.subject a{color:#888888;}
#product div#contents div#review table.list > tbody > tr > td.subject img{vertical-align:baseline; margin-left:5px;}
#product div#contents div#review table.list > tbody > tr > td.content{background-color:#fbfbfb; padding:16px 25px 16px 16px; border:1px solid #f4f4f4;}
#product div#contents div#review table.list span.rating-control{display:inline-block;}
#product div#contents div#review table.list tr td.content table{width: 100%;} /* review */
#product div#contents div#review table.list tr td table td{padding:0; vertical-align:top;}
#product div#contents div#review table.list tr td.content table td.rating{width:117px; border-right:1px solid #ededed;}
#product div#contents div#review table.list tr td.content table td.memo{padding-left:20px !important; line-height:20px;}
#product div#contents div#review table.list tr td.content ul.rating-item{display:inline-block; width:100%;}
#product div#contents div#review table.list tr td.content ul.rating-item:after{display:block; clear:both; content:'';}
#product div#contents div#review table.list tr td.content ul.rating-item li{line-height:18px;}
#product div#contents div#review table.list tr td.content ul.rating-item li.a1{width:38px; float:left; font-size:11px; color:#888888;}
#product div#contents div#review table.list td.content ul.rating-item li.a2{width:74px; float:right;}

/* Product Q&A */
#product div#contents div#qna{margin:27px 30px 112px 30px;}
#product div#contents div#qna div.btndiv{text-align:right; margin-bottom:8px;}
#product div#contents div#qna table.list{width:100%;}/* product list qna*/
#product div#contents div#qna table.list > thead > tr > th{border-top:2px solid #eeeeee; border-bottom:1px solid #f5f5f5; vertical-align:middle; text-align:center;}
#product div#contents div#qna table.list > thead > tr > th.ln{width:2px;}
#product div#contents div#qna table.list > tbody > tr > td{border-bottom:1px dotted #eeeeee; color:#888888;}
#product div#contents div#qna table.list > tbody > tr > td.subject{padding-left:12px;}
#product div#contents div#qna table.list > tbody > tr > td.subject a{color:#888888;}
#product div#contents div#qna table.list > tbody > tr > td.subject a:hover{text-decoration:underline;}
#product div#contents div#qna table.list > tbody > tr > td.content{background-color:#fbfbfb; padding:0 25px 0 16px; border:1px solid #f4f4f4;}
#product div#contents div#qna table.list tr td.content table{width:100%;} /* qna content */
#product div#contents div#qna table.list tr td.content table td{padding:25px 0; vertical-align:top; border-top:1px dotted #eeeeee;}
#product div#contents div#qna table.list tr td.content table tr:first-child td{border-top:none;}
#product div#contents div#qna table.list tr td.content table td.span1{width:105px; text-indent:38px;}
#product div#contents div#qna table.list tr td.content table td.span2{padding-left:0px !important;}
#product div#contents div#qna table.list tr td.content table td.span1 img{margin-top:5px;}
#product div#contents div#qna table.list tr td.content table td.span2 div.txt{border-left:1px solid #ededed; line-height:20px; padding-left:24px; color:#888888;}

/* Shipping / exchange / Refund */
#product div#contents div#recall{margin:56px 30px 229px 30px;}
#product div#contents div#recall table.list{width:100%;}
#product div#contents div#recall table.list td.th{width: 105px; background-color:#fbfbfb; font-weight:bold; color:#888888;}
#product div#contents div#recall table.list td.td{padding-left:25px !important;}
#product div#contents div#recall table.list td   {border:1px solid #eeeeee; padding:10px; color:#888888; line-height:22px;}

/* Popup Calculator */
#product .popup-calculator div.popup-body{padding:20px 22px;}
#product .popup-calculator table.layout td{color:#888888;}
#product .popup-calculator table.layout td.desc{line-height:14px; color:#cccccc;}
#product .popup-calculator table.layout td .pink{color:#ffabc6 !important;}
#product .popup-calculator table.layout td div.amount{background:#ffeff4; padding:14px 23px 11px 23px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
#product .popup-calculator table.layout td div.amount .prc1{font-family:Lato Bold; font-size:22px; color:#ff5b90;}
#product .popup-calculator table.layout td div.amount .prc2{font-family:Lato Bold; font-size:14px; color:#bbbbbb;}
#product .popup-calculator table.layout td div.amount .rnm1{font-family: RixGo B; font-size:13px; color:#ff5b90; margin-left:3px; line-height:25px; vertical-align:bottom;}
#product .popup-calculator table.layout td div.amount .rnm2{font-family: RixGo B; font-size:12px; color:#bbbbbb; margin-left:3px;}
#product .popup-calculator table.layout td div.amount .ln  {height:1px; background:#ffe5ee;}
#product .popup-calculator table.info{width:100%; border-top:2px solid #ebebeb; border-bottom:2px solid #ebebeb;}
#product .popup-calculator table.info td{background:#fafafa; border-top:1px solid #f5f5f5; color:#999999;}
#product .popup-calculator table.info td.field{width:222px; text-indent:6px;}
#product .popup-calculator table.info td.node{padding-right:6px;}
#product .popup-calculator table.info input.xsmall{color:#aaaaaa; text-align:right;}
#product .popup-calculator table.info select{color:#999999;}
#product .popup-calculator .mobile-app{font-size:11px; color:#bbb;}

/* Popup Coupon  */
#product #popup_Coupon table.info{width:257px; margin:0 auto;}
#product #popup_Coupon table.info tr td{font-size:11px; color:#aaaaaa;}
#product #popup_Coupon table.info tr td.field{background:url('../img/product/dot_pink.gif') 4px center no-repeat; text-indent:10px;}
#product #popup_Coupon div.benefit{position:relative;}
#product #popup_Coupon div.benefit span{position:absolute; left:187px; top:46px; font:normal 52px Lato Bold; color:#ff5b90; line-height:40px;}
#product #popup_Coupon div.benefit span em{font-size:26px;}

/* Review popup */
#product #write_review .title{}
#product #write_review .cmt{margin-top:10px; margin-bottom:10px; color:#888888; line-height:18px; text-align:left;}
#product #write_review table.frm{width:680px; border-top:2px solid #cfcfcf; border-bottom:1px solid #eeeeee;}
#product #write_review table.frm td{padding:10px 5px 10px 10px;}
#product #write_review table.frm td.ln{background:url('../img/common/dot_line.gif') repeat-x; padding:0; height:1px; line-height:1px;}
#product #write_review table.frm td.field{width:104px; padding-left: 22px; background: #fbfbfb; border-right:1px solid #eeeeee;}
#product #write_review table.frm td.raty{background:url('../img/common/dot_line_ver.gif') repeat-y right top; font-size:11px; font-weight:bold; color:#888888;}
#product #write_review table.frm tr:first-child td:last-child.raty{background-image: none;}
#product #write_review table.frm td.raty .star{margin-top: 8px;}
#product #write_review table.frm td.raty .star img{float:left; margin-right:3px;}
#product #write_review .textarea{width:520px; height:116px; border-color:#e6e6e6; padding:0 0 0 7px !important; overflow-y:scroll; resize:none;}
#product #write_review .text{width: 368px; border:1px solid #e6e6e6;}
#product #write_review .upload-btn{display: block; width: 63px; height:23px; background: url('../img/product/btn_upload_file.gif'); position:relative; overflow:hidden;}
#product #write_review .upload-btn input{width:63px; height:23px; position:absolute; left:0; top:0; cursor:pointer; filter:alpha(opacity=0);opacity: 0;}
#product #write_review .wbtn{margin-top:15px; margin-bottom:7px; text-align:center;}

/* Q&A popup */
#product #write_qna .title{margin-bottom:16px;}
#product #write_qna table.frm{width:680px; border-top:2px solid #cfcfcf; border-bottom:1px solid #eeeeee;}
#product #write_qna table.frm td{padding:10px 5px 10px 10px;}
#product #write_qna table.frm td.ln{background:url('../img/common/dot_line.gif') repeat-x; padding:0; height:1px; line-height:1px;}
#product #write_qna table.frm td.field{width:125px; padding-left:36px; background:#fbfbfb; border-right:1px solid #eeeeee;}
#product #write_qna .text{width: 368px; border:1px solid #e6e6e6;}
#product #write_qna .textarea{width:516px; height:114px; border-color:#e6e6e6; padding:0 0 0 7px !important; overflow-y:scroll; resize:none;}
#product #write_qna .wbtn{margin-top:15px; margin-bottom:5px; text-align: center;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* BEST PAGE STYLE                                                           */
/* --//////////////////////////////////////////////////////////////////////-- */
#best div.topban{text-align:center;}
#best div.topsrch{min-height:83px; border:1px solid #eeeeee; border-radius:4px; webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;}
#best div.topsrch div.bar{height:41px; margin: 0 10px; border-bottom:1px solid #f2f2f2; position:relative;}
#best div.topsrch div.query{min-height:42px; margin-top:-1px; position:relative; background-color:#fcfcfc;}
#best div.topsrch div.bar .tit{margin-left:6px; margin-top:14px;}
#best div.topsrch div.bar .srch{position:absolute; right:20px; top:14px; cursor:pointer;}
#best div.topsrch div.query div.inner{padding:0 17px 0 17px; color:#888888;}
#best div.topsrch div.query div.inner .row{display:none;}
#best div.topsrch div.query div.inner .close{display:none; width:93px; height:23px; position:absolute; right:20px; bottom:15px;}
#best div.topsrch div.query table tr td.field{font-weight:bold; color:#6a6a6a;}
#best div.topsrch div.query table tr td.ln{height:1px; line-height:1px; background:#f5f5f5;}
#best div.topsrch div.query label.checkbox{background:url('../img/common/bg_checkbox.gif') no-repeat; height:12px; line-height:12px; padding-left:17px; font-size:12px; cursor: pointer;}
#best div.topsrch div.query label.checkbox.on{background:url('../img/common/bg_checkbox_on.gif') no-repeat; color:#ff5b90;}
#best div.topitm div.hotsrch, #best div.topitm .wish{height:280px; border:1px solid #eeeeee; border-radius:4px;  webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;}
#best div.topitm div.hotsrch{width:711px; float:left;}
#best div.topitm div.wish{width:369px; float:right;}
#best div.topitm div.hotsrch .tit{padding:13px 0 12px 0; font-size:11px; color:#cfcfcf;}
#best div.topitm div.hotsrch .tit img{margin-right:10px; vertical-align: baseline;}
#best div.topitm div.hotsrch table{margin:7px 15px 0 20px;}
#best div.topitm div.hotsrch table td.ln {width:1px; background: url('../img/common/dot_line_ver.gif') repeat-y;}
#best div.topitm div.hotsrch table ul.nav{width:263px;}
#best div.topitm div.hotsrch table ul.nav li{border-bottom:1px solid #f1f1f1;}
#best div.topitm div.hotsrch table ul.nav li a{display:block; line-height:15px; padding-top:6px; padding-bottom:6px; color:#888888;}
#best div.topitm div.hotsrch table ul.nav li.on a,
#best div.topitm div.hotsrch table ul.nav li a:hover{background-color: #fff3f4;}
#best div.topitm div.hotsrch table ul.nav li a img{margin-left:6px; margin-right:7px; vertical-align:bottom;}
#best div.topitm div.hotsrch table ul.item{margin-left:4px;}
#best div.topitm div.hotsrch table ul.item li{width:118px; height:118px; float:left; margin:10px 0 0 10px; border:1px solid #f8f8f8; position:relative; cursor:pointer;}
#best div.topitm div.hotsrch table ul.item li div.on{display:none; width:118px; height:118px; position:absolute; left:0; top:0; background:#333; opacity:0.7; filter:alpha(opacity = 70);}
#best div.topitm div.hotsrch table ul.item li div.on span{display:block; width:100px; margin:0 auto; line-height:14px; text-align:center; font-size:12px; color:#ffffff;}
#best div.topitm div.hotsrch table ul.item li div.on span.brand{margin-top:25px; font-size:11px;}
#best div.topitm div.hotsrch table ul.item li div.on span.name{margin-top:5px;}
#best div.topitm div.hotsrch table ul.item li div.on span.price{margin-top:15px;}
#best div.topitm div.wish div.tit{height:59px; background: url('../img/product/best_wish_line.gif') left bottom repeat-x; text-align:center;}
#best div.topitm div.wish ul.item{width:100%; height:150px;}
#best div.topitm div.wish ul.item:after{display:block; content:''; clear:both;}
#best div.topitm div.wish ul.item > li{height:150px;}
#best div.topitm div.wish ul.item > li.photo{width:164px; float:left;}
#best div.topitm div.wish ul.item > li.main{width:154px; float:left; position:relative;}
#best div.topitm div.wish ul.item a.brand, 
#best div.topitm div.wish ul.item a.name{display:block; line-height:14px;}
#best div.topitm div.wish ul.item a.brand:hover, 
#best div.topitm div.wish ul.item a.name:hover{text-decoration:underline;}
#best div.topitm div.wish ul.item a.brand{margin-bottom:4px; font-size:11px; color:#888888;}
#best div.topitm div.wish ul.item a.name {width:145px;}
#best div.topitm div.wish ul.item .price{margin-top:14px; text-decoration:line-through; color:#888888;}
#best div.topitm div.wish ul.item .sale li.s1{width:55px; float:left; color:#888888;}
#best div.topitm div.wish ul.item .sale li.s2{font-weight:bold; color:#ff5871;}
#best div.topitm div.wish ul.item .icon{margin-top:10px;}
#best div.topitm div.wish ul.item .icon img{margin-right:2px;}
#best div.topitm div.wish ul.item .ln{height:1px; margin:14px 0 15px 0; background: url('../img/common/dot_line.gif') repeat-x;}
#best div.topitm div.wish ul.item .like{width:100%; position:absolute; left:0; bottom:0; text-align:right;}
#best div.topitm div.wish ul.item .like img.heart{margin:0 3px 0 8px; vertical-align:bottom;}
#best div.topitm div.wish ul.item .like span{font-family:Lato Regular; font-weight:bold; color:#888888;}
#best div.topitm div.wish div.JqueryBannerSlides{ margin:22px 25px 0 22px;}
#best div.topitm div.wish div.JqueryBannerButton{margin-top:24px; text-align:center;}

/* Best List */
#best ul.list{margin-top:11px; padding:0 0 0 32px; border:1px solid #f6f6f6; border-radius:4px; webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;}
#best ul.list li{float:left; padding:65px 36px 40px 35px; border-bottom:1px solid #f9f9f9; background:url('../img/product/bg_best_line_m.gif') right 65px no-repeat;}
#best ul.list li.startln{padding-left:0;}
#best ul.list li.endln{padding-right:0; background-image:none;}
#best ul.list li dl{width:150px; height:254px; position:relative;}
#best ul.list li dl div.photo{height:150px; width:150px; position:relative;}
#best ul.list li dl div.photo .no{display:block; width:38px; height:19px; position:absolute; left:0; top:-24px;}
#best ul.list li dl div.info{margin:8px 0 15px 0;}
#best ul.list li dl div.info .brand, #best ul.list li dl div.info .name{display:block;}
#best ul.list li dl div.info .brand:hover, #best ul.list li dl div.info .name:hover{text-decoration:underline;}
#best ul.list li dl div.info .brand{margin-bottom:5px; font-size:11px; color:#888888;}
#best ul.list li dl div.info .name{width:110px; line-height:15px;}
#best ul.list li dl div.price{width:100%; position:absolute; left:0; bottom:24px;}
#best ul.list li dl div.price .n1, #best ul.list li dl div.price .n2{bottom:0; position:absolute;}
#best ul.list li dl div.price .n1{color:#999999; left:0; text-decoration:line-through;}
#best ul.list li dl div.price .n2{font-weight:bold; right:3px;}
#best ul.list li dl div.icons{width:100%; position:absolute; left:0; bottom:1px;}
